<script setup>
import { reactive } from 'vue';

const formData = reactive({
  emptyText: '暂无数据',
});
</script>

<template>
  <div class="repeat-no-data">
    <h6>没有数据时，使用默认提示(或修改提示文字)</h6>
    <t-input maxlength="30" v-model="formData.emptyText"></t-input>
    (将提示为上面输入的文字)
    <t-separator/>

    <t-repeat
      @scroll-load="(index, size, done) => done(true)"
      :empty-text="formData.emptyText"
    ></t-repeat>

    <h6 class="">没有数据时，使用自定义提示内容</h6>
    <t-repeat @scroll-load="(index, size, done) => done(true)">
      <template #empty>
        <img src="//cloud.teld.cn/img/noSearchResult.png" />
      </template>
    </t-repeat>
  </div>
</template>
